jQuery(function() {
    jQuery('#btn-add-cmps').click(function(e) {
        e.preventDefault();

        if( jQuery.trim( jQuery('#add-cmps').val() ) != '' )
        {
            // Fazer ajax para salvar as informações no banco e retornar o ID para o form.
            var chave = jQuery('#add-cmps').val();
            var nome = jQuery('#add-cmps').val();
            var tipo = jQuery('#add-tipo').val();

            for(i = 0; i < chave.length; i++)
            {
                chave = chave.replace(' ','_');
            }

            chave = chave.toLowerCase();

            jQuery.ajax({
                url: g_camp_url_ajax,
                type: 'post',
                data: {
                    'cmps_chave': chave,
                    'cmps_nome': nome,
                    'cmps_tipo': tipo
                },
                success: function(r) {
                    eval('ret = '+r);

                    if(ret.success)
                    {
                        var sHTML = '';
                        sHTML += '<td>';
                        sHTML += '<input type="checkbox" name="cmps_id[]" value="'+ret.id+'" checked="checked" />';
                        sHTML += '<label for="">'+jQuery('#add-cmps').val()+'</label>';
                        sHTML += '</td>';


                        if( jQuery('#cmps-table').find('tr:last td').length >= 3 )
                        {
                            sHTML = '<tr>' + sHTML + '</tr>';

                            jQuery('#cmps-table').find('tr:last').after(sHTML);
                        }
                        else
                        {
                            jQuery('#cmps-table').find('tr:last').append(sHTML);
                        }
                        
                        jQuery('#add-cmps').val('');
                    }
                    else
                    {
                        alert('O nome do campo já existe!');
                    }
                }
            });
        }
    });
});